<template>
  <div class="app-container">
    <my-data-table status="" :isSafedeal="true"  ref="dataTable">
       <el-table-column align="center" prop="dealcontract" label="操作" slot="operator" >
        <template slot-scope="scope">
          <el-button type="text" @click="remind(scope.row)">提醒签署</el-button>
        </template>
      </el-table-column>
    </my-data-table>
<el-dialog
  title="提示"
  :visible.sync="dialogVisible"
  width="60%"
  :close-on-click-modal="false"
  :before-close="handleClose">
  <span>请提醒{{popData.name}}使用手机打开以下链接:https://channel-demo.test.ess.tencent.cn/m，完成《安全承诺书》签署。</span>
  <span slot="footer" class="dialog-footer">
    <el-button type="primary" @click="dialogVisible = false">知道了</el-button>
  </span>
</el-dialog>
  </div>
</template>

<script>
import MyDataTable from '../worker/components/table.vue';


export default {
  components: {  MyDataTable },
  data() {
    return {
      dialogVisible: false,
      mobile: '',
      popData: {},
    };
  },
  methods: {
    remind(data) {
      this.dialogVisible = true;
      this.popData = data;
    },
    handleClose() {
      this.dialogVisible = false;
      this.popData = {};
    },
  },

};
</script>
<style scoped>
.top-filter {
  margin-bottom: 20px;
}
</style>
